export default {
  path: '/movie',
  component: () => import('@/views/Movie'),
  children: [
    {
      path: "city",
      component: () => import('../../components/city/city.vue')
    },
    {
      path: "nowplaying",
      component: () => import('../../components/nowplaying/nowplaying.vue')
    },
    {
      path: "comingsoon",
      component: () => import('../../components/comingSoon/comingSoon.vue')
    },
    {
      path: "search",
      component: () => import('../../components/search/search.vue')
    },
    {
      path: "detail/1/:movieId",
      components: {
        default: () => import('../../components/nowplaying/nowplaying.vue'),
        detail: () => import('../../views/Movie/detail.vue')
      },
      props: {
        detail: true
      }
    },
    {
      path: "detail/2/:movieId",
      components: {
        default: () => import('../../components/comingSoon/comingSoon.vue'),
        detail: () => import('../../views/Movie/detail.vue')
      },
      props: {
        detail: true
      }
    },
    {
      path: '/movie',
      redirect: '/movie/nowplaying'
    }

  ]
}
